<template>
  <div class="tmpl">

<div class="box"  v-for="article in message">
    <div class="title" >
        <p class="ptitle">
            {{ article.title }}
        </p>

        <p class="otitle">
            {{ article.add_time | fmtdate('YYYY-MM-DD') }}
            {{ article.click }}次数
            分类：经济名声
        </p>

    </div>
    <div class="content" v-html="article.content">
    </div>
</div>

<!-- 使用评价组件 -->
    <div>
        
           <subcomment :artid="artid"></subcomment>  
    </div>


  </div>
</template>

<script>
//引用评论子组件
import subcomment from '../subcomp/subcomment.vue';

export default {
 		data(){
 			return{
                 article:{},
                 artid:0, //定义评价组件接收id值
 			    message:[
                     {  
                         id:15,
                         title:"标题",
                         add_time:"2017-9-20",
                         click:2,
                         content:"<p>重点词汇bash怒殴; 痛击，猛击; 严厉批评; 严厉地，威胁地批评指责; 重击，猛撞; 痛快的玩乐[消遣]; <英方>尝试command命令，指挥; 司令部，指挥部; 指令; 控制力; 命令; 指挥，控制，命令; 应得，值得; 给出命令; 命令，指令; 指挥的，根据命令而作的found创办，成立，建立; 找到; 发现（ find的过去式）; 到达; 发觉</p><p>重点词汇bash怒殴; 痛击，猛击; 严厉批评; 严厉地，威胁地批评指责; 重击，猛撞; 痛快的玩乐[消遣]; <英方>尝试command命令，指挥; 司令部，指挥部; 指令; 控制力; 命令; 指挥，控制，命令; 应得，值得; 给出命令; 命令，指令; 指挥的，根据命令而作的found创办，成立，建立; 找到; 发现（ find的过去式）; 到达; 发觉</p><p>重点词汇bash怒殴; 痛击，猛击; 严厉批评; 严厉地，威胁地批评指责; 重击，猛撞; 痛快的玩乐[消遣]; <英方>尝试command命令，指挥; 司令部，指挥部; 指令; 控制力; 命令; 指挥，控制，命令; 应得，值得; 给出命令; 命令，指令; 指挥的，根据命令而作的found创办，成立，建立; 找到; 发现（ find的过去式）; 到达; 发觉</p>"

                     }
                 ]
            }
                
          

         }
           //  调用getdata
            //  ,created(){
            //  this.getdata();  
            // 获取url传来的id值
            // this.artid = this.$route.paranms.id;
            //  }
         ,components:{
             subcomment //将评论组件注册为私有组件
         }
         
         ,methods:{
             getdata(){
                 //负责传入ID值！在api里获取
                //  获取url值
                 let id = this.$route.paranms.id;
                //  拼接url
                //   let url = commom.apihost + '/api/seller' + id;
                // 获取图文的信息，
                this.$http.get(url).then(res=>{
                    this.article = res.body.data[0];
                    },res => {
                     console.log('获取失败');
                     });
               

                } 
               
         }
 		
}
</script>

<style>

.title{
    height: 100%;
    padding: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.title .ptitle{
font-size: 16px;
color:#009944;
}
.title otitle{
padding: 5px;
font-size: 12px;
}
.content{
    height: 100%;
    padding: 5px;
}

</style>
